<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <meta name="robots" content="index, follow" />
    <title>{ms:global.name/}</title>
    <meta name="keywords" content="{ms:global.keyword/}" />
    <meta name="description" content="{ms:global.descrip/}" />
    <meta http-equiv="Cache-Control" content="no-transform" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="applicable-device" content="pc,mobile" />
    <link href="/favicon.ico" rel="shortcut icon" />
    <link href="/{ms:global.style/}css/style.css" rel="stylesheet" />
    <link href="/{ms:global.style/}css/index.css" rel="stylesheet" />
    <script src="/{ms:global.style/}js/jquery-1.8.3.min.js"></script>
    <script
      type="text/javascript"
      src="/{ms:global.style/}js/jquery.superslide.2.1.1.js"
    >
      //pc导航
    </script>
    <script
      type="text/javascript"
      src="/{ms:global.style/}js/jquery.bxslider.min.js"
    >
      /*轮显*/
    </script>
    <script src="/{ms:global.style/}js/anim.js">
      //动画
    </script>
    <script src="/{ms:global.style/}js/owl.carousel.js"></script>
    <script
      type="text/javascript"
      src="/{ms:global.style/}js/basic.js"
    ></script>
  </head>
  <body>
    <#include "header.htm" />
    <!--轮显begin-->
    <div id="slider">
      <ul class="bxslider">
        {ms:arclist typeid="1858676925795241985"}
        <li style="background-color: #1b1b1b">
          <div class="carousel-img">
            <a
              href="<#if field.source!=''>${field.source}<#else>javascript:;</#if>"
              target="_blank"
            >
              <img
                src="{@ms:file field.litpic/}"
                width="100%"
                alt="CMS,免费CMS,免费开源Java CMS,CMS系统,Java CMS,CMS内容管理系统,企业CMS,HTML网页模板,CMS模板,CMS源码,网站源码,信创系统软件,安可系统,网站建设,模板网站,建站模板,建站工具,建站平台,建站工具"
                class="oimg"
              />
            </a>
          </div>
        </li>
        {/ms:arclist}
      </ul>
    </div>
    <script>
      var slider = $(".bxslider").bxSlider({
        mode: "horizontal" /*fade,vertical*/,
        controls: true,
        speed: 500,
        hideControlOnEnd: false,
        pager: true,
        auto: true,
      });
      $(window).resize(function () {
        slider.reloadSlider();
      });
    </script>
    <!--轮显end-->
    <!--flash start-->
    <div class="flash_div">
      <div id="owl-flash" class="owl-carousel">
        {ms:arclist flag='f' size=5 typeid="1666653706550321162"}
        <div class="item">
          <dd>
            <a href="javascript:;" title=""
              ><img src="{@ms:file field.litpic/}"
            /></a>
          </dd>
        </div>
        {/ms:arclist}
      </div>
    </div>
    <!--flash end-->
    <!-- 第一个展示板块 -->
    <div class="i_product_bg">
      <div class="wrap2">
        {ms:channel type='self' typeid="1666653706550321152"}
        <div class="i_title anim anim-1">
          <div class="f41Box">
            <!-- 主标题 -->
            <div class="title_leftLine"></div>
            <h2 class="f41">${field.typetitle}</h2>
            <div class="title_rightLine"></div>
          </div>
          <p class="f24">${field.typeshorttitle}</p>
        </div>
        {/ms:channel}
        <!-- 第一个板块列表 -->
        {ms:channel type="self" typeid="1329316146811314177"}
        <div class="nproduct_list2">
          <div class="nproduct_listBgTitle1 nproduct_listBgTitle">
            <p class="nproduct_listBgTitleMainTitle">${field.typetitle}</p>
            <div class="nproduct_listType">
              <p>
                <img
                  class=""
                  src="/{ms:global.style/}images/dianyin_movie_1@2x.png"
                  alt=""
                />
                <span class="type_name"> 案例视频 </span>
              </p>
            </div>
          </div>
          <div class="nproduct_mainList nproduct_mainList1">
            <ul>
              {ms:arclist typeid="1329316146811314177" size='4'}
              <li class="anim anim-1">
                <a href="{ms:global.html/}${field.link}" title="${field.title}">
                  <div class="imgs">
                    <img src="{@ms:file field.litpic/}" alt="${field.title}" />
                    <p>&nbsp;</p>
                  </div>
                  <!-- <h2 class="f24">${field.title}</h2> -->
                  <!-- <p>{@ms:len field.descrip 60 /}...</p> -->
                </a>
              </li>
              {/ms:arclist}
            </ul>
          </div>
        </div>
        {/ms:channel} {ms:channel type="self" typeid="1666653706550321156"}
        <div class="nproduct_list2">
          <div class="nproduct_listBgTitle2 nproduct_listBgTitle">
            <p class="nproduct_listBgTitleMainTitle">${field.typetitle}</p>
            <div class="nproduct_listType">
              <p>
                <img
                  class=""
                  src="/{ms:global.style/}images/dianyin_movie_1@2x.png"
                  alt=""
                />
                <span class="type_name"> 案例视频 </span>
              </p>
            </div>
          </div>
          <div class="nproduct_mainList nproduct_mainList2">
            <ul>
              {ms:arclist typeid="1666653706550321156" size='4'}
              <li class="anim anim-1">
                <a href="{ms:global.html/}${field.link}" title="${field.title}">
                  <div class="imgs">
                    <img src="{@ms:file field.litpic/}" alt="${field.title}" />
                    <p>&nbsp;</p>
                  </div>
                  <!-- <h2 class="f24">${field.title}</h2> -->
                  <!-- <p>{@ms:len field.descrip 60 /}...</p> -->
                </a>
              </li>
              {/ms:arclist}
            </ul>
          </div>
        </div>
        {/ms:channel}
      </div>
    </div>
    <!-- 第二个展示板块 -->
    <div class="wrap2">
      {ms:channel type='self' typeid="1666653706550321163"}
      <div class="i_title anim anim-1">
        <div class="f41Box">
          <!-- 主标题 -->
          <div class="title_leftLine"></div>
          <h2 class="f41">${field.typetitle}</h2>
          <div class="title_rightLine"></div>
        </div>
        <div class="f24">
          <p>${field.typeshorttitle}</p>
          <p class="show_more">
            {ms:channel type='self' typeid="1862322102959149058"}
            <a href="{ms:global.html/}${field.typelink}"
              ><span>产业资讯></span></a
            >
            {/ms:channel} {ms:channel type='self' typeid="1856251894181818369"}
            <a href="{ms:global.html/}${field.typelink}"
              ><span>联盟合作></span></a
            >
            {/ms:channel}
          </p>
        </div>
      </div>
      {/ms:channel} {ms:channel type="self" typeid="1863513011480399873" }
      <div class="i_solution">
        <div class="bgImageBox">
          <img src="/{ms:global.style/}images/Group_48095568@2x.png" alt="" />
        </div>
        <div class="i_solution_title">${field.typetitle}</div>
        <ul>
          {ms:arclist typeid="1863513011480399873" size=4}
          <li class="i_solution_list">
            <a
              href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>"
              title="${field.typetitle}"
            >
              <p class="anim_title">${field.typetitle}</p>
              <p class="anim_descrip">${field.descrip}</p>
            </a>
          </li>
          {/ms:arclist}
        </ul>
      </div>
      {/ms:channel} {ms:channel type="self" typeid="1863513067323363330" }
      <div class="i_solution">
        <div class="bgImageBox">
          <img src="/{ms:global.style/}images/Group_48095569@2x.png" alt="" />
        </div>
        <div class="i_solution_title2">${field.typetitle}</div>
        <ul>
          {ms:arclist typeid="1863513067323363330" size=4}
          <li class="i_solution_list">
            <a
              href="<#if field.type==3>{ms:global.html/}${field.typeurl}<#else>{ms:global.html/}${field.typelink}</#if>"
              title="${field.typetitle}"
            >
              <p class="anim_title">${field.typetitle}</p>
              <p class="anim_descrip">${field.descrip}</p>
            </a>
          </li>
          {/ms:arclist}
        </ul>
      </div>
      {/ms:channel}
    </div>
    <!-- 第三个展示板块 -->
    <div class="i_case_bg">
      <div class="wrap2">
        {ms:channel type='self' typeid="1666653706550321164"}
        <div class="i_title anim anim-1">
          <div class="f41Box">
            <!-- 主标题 -->
            <div class="title_leftLine"></div>
            <h2 class="f41">${field.typetitle}</h2>
            <div class="title_rightLine"></div>
          </div>
          <div class="f24">
            <p>${field.typeshorttitle}</p>
            <p class="show_more">
              {ms:channel type='self' typeid="1863491307626491905"}
              <a href="{ms:global.html/}${field.typelink}"
                ><span>产业资讯></span></a
              >
              {/ms:channel} {ms:channel type='self'
              typeid="1863491402103189505"}
              <a href="{ms:global.html/}${field.typelink}"
                ><span>联盟合作></span></a
              >
              {/ms:channel}
            </p>
          </div>
          {/ms:channel}
        </div>
        <div class="warp_warpNum3">
          <ul class="">
            {ms:arclist typeid="1863751029197783042" size=4}
            <div class="item">
              <div class="item_shopImage">
                <img src="{@ms:file field.litpic/}" alt="" />
              </div>
              <div class="item_shopInfo">
                <p class="shopInfo_shopPrice">￥${field.shorttitle}</p>
                <p class="shopInfo_shopName">${field.title}</p>
              </div>
            </div>
            {/ms:arclist}
          </ul>
        </div>
        <div class="drinks_Info">
          <div class="drinksLogo">
            <img src="{@ms:file global.logo/}" alt="" />
          </div>
          <div class="drinksInfo_left">
            <div class="bgImage">
              <img
                src="/{ms:global.style/}images/Rectangle_9574@2x.png"
                alt=""
              />
            </div>
            <div class="mainInfo">
              {ms:channel type='self' typeid="1863513217601081345"}
              <p class="main_title">${field.typetitle}</p>
              {/ms:channel} {ms:arclist typeid="1863513217601081345" size=4}
              <p class="item_title">${field.title}：</p>
              <p class="item_content">${field.descrip}</p>
              {/ms:arclist}
            </div>
          </div>
          <div class="drinksInfo_right">
            <div class="bgImage">
              <img
                src="/{ms:global.style/}images/Rectangle_9575@2x.png"
                alt=""
              />
            </div>
            <div class="mainInfo">
              {ms:channel type='self' typeid="1863513319791104002"}
              <p class="main_title">${field.typetitle}</p>
              {/ms:channel} {ms:data dataid="1863514659795734529"}
              ${field.content} {/ms:data}
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 第四个展示板块 -->
    <div class="wrap">
      {ms:channel type='self' typeid="1863512908506042370"}
      <div class="i_title anim anim-1">
        <div class="f41Box">
          <!-- 主标题 -->
          <div class="title_leftLine"></div>
          <h2 class="f41">${field.typetitle}</h2>
          <div class="title_rightLine"></div>
        </div>
        <div class="f24">
          <p>${field.typeshorttitle}</p>
          <p class="show_more">
            {ms:channel type='self' typeid="1666653706550321158"}
            <a href="{ms:global.html/}${field.typelink}"
              ><span>产业资讯></span></a
            >
            {/ms:channel} {ms:channel type='self' typeid="1862319755021324290"}
            <a href="{ms:global.html/}${field.typelink}"
              ><span>联盟合作></span></a
            >
            {/ms:channel}
          </p>
        </div>
      </div>
      {/ms:channel}
      <div class="barCounter_box">
        <div class="bg_image">
          <img src="/{ms:global.style/}images/Group_48095560@2x.png" alt="" />
        </div>
        <ul>
          {ms:arclist typeid="1863512908506042370" size=7}
          <li>
            <a>
              <div class="imgs">
                <img src="{@ms:file field.litpic/}" alt="${field.title}" />
              </div>
            </a>
            <p class="barCounter_title">${field.title}</p>
          </li>
          {/ms:arclist}
        </ul>
      </div>
    </div>
    <!-- 第五个展示板块 -->
    <div class="wrap">
      {ms:channel type='self' typeid="1861240927897329666"}
      <div class="i_title anim anim-1">
        <div class="f41Box">
          <!-- 主标题 -->
          <div class="title_leftLine"></div>
          <h2 class="f41">${field.typetitle}</h2>
          <div class="title_rightLine"></div>
        </div>
        <div class="f24">
          <p>${field.typeshorttitle}</p>
          <p class="show_more">
            <span>查看详情></span>
          </p>
        </div>
      </div>
      {/ms:channel} {ms:channel type='self' typeid="1861240927897329666"}
      <div class="warp_mainImg">
        <img src="{@ms:file field.typelitpic/}" alt="" />
      </div>
      {/ms:channel}
    </div>
    <#include "footer.htm" />
    <script>
      $("#owl-flash").owlCarousel({
        /*手机轮显图*/ items: 1,
        lazyLoad: true,
        autoPlay: true,
        itemsDesktop: [1199, 1],
        itemsDesktopSmall: [979, 1],
        itemsTablet: [768, 1],
        itemsTabletSmall: false,
        itemsMobile: [479, 1],
        //rewindNav:false,
        navigation: true,
      });
      $("#owl-demo3").owlCarousel({
        /*行业案例*/ items: 4,
        lazyLoad: true,
        autoPlay: true,
        itemsDesktop: [1199, 4],
        itemsDesktopSmall: [979, 3],
        itemsTablet: [768, 2],
        itemsTabletSmall: false,
        itemsMobile: [479, 2],
        navigation: true,
      });

      window.onload = function () {
        /*轮显动画*/
        $(".bx-pager .bx-pager-item").click(function () {
          var linum = $(this).index();
          var CaseList = $(".bxslider li");

          $(this)
            .find("a")
            .click(function () {
              CaseList.removeClass("active");
              CaseList.eq(linum).addClass("active");

              $(".bx-pager .bx-pager-item").removeClass("active");
              $(".bx-pager .bx-pager-item").eq(linum).addClass("active");
              // $(this).addClass('csel').siblings().removeClass('csel');
              // CaseList.hide().eq(linum).show();
              //CaseList.find(".anim").removeClass("anim-show");
              //			setTimeout(function(){
              //				CaseList.eq(linum).find(".anim").addClass("anim-show");
              //			},6)
            });
        });
      };
    </script>
  </body>
</html>
